import React from 'react';
import { Table, Radio, Select } from 'antd';

interface PreviewTabelProps {}

const PreviewTabel: React.FC<PreviewTabelProps> = (props) => {
  const columns = [
    {
      title: '交易流水号',
      dataIndex: 'flowing',
    },
    {
      title: '地区号',
      dataIndex: 'region',
    },
    {
      title: '机构号',
      dataIndex: 'mechanism',
    },
    {
      title: '柜员号',
      dataIndex: 'counter',
    },
    {
      title: '票号',
      dataIndex: 'ticket',
    },
    {
      title: '交易码',
      dataIndex: 'transaction',
    },
    {
      title: '交易名称',
      dataIndex: 'name',
    },
  ];

  const dataSource = [
    {
      flowing: 12345678978,
      region: 23,
      mechanism: 22704,
      counter: 22704,
      ticket: 'A004',
      transaction: 2545,
      name: '一卡通'
    },
    {
      flowing: 12345678978,
      region: 23,
      mechanism: 22704,
      counter: 22704,
      ticket: 'A004',
      transaction: 2545,
      name: '一卡通'
    },
    {
      flowing: 12345678978,
      region: 23,
      mechanism: 22704,
      counter: 22704,
      ticket: 'A004',
      transaction: 2545,
      name: '一卡通'
    },
  ];

  return (
    <div>
      <Table columns={columns} dataSource={dataSource} />
    </div>
  );
};

export default PreviewTabel;
